@charset "UTF-8";
:root {
  --im-color-primary: #2830d3;
  --im-color-primary-light-1: #3e45d7;
  --im-color-primary-light-2: #5359dc;
  --im-color-primary-light-3: #696ee0;
  --im-color-primary-light-4: #7e83e5;
  --im-color-primary-light-5: #9498e9;
  --im-color-primary-light-6: #a9aced;
  --im-color-primary-light-7: #bfc1f2;
  --im-color-primary-light-8: #d4d6f6;
  --im-color-primary-light-9: #eaeafb;
  --im-color-sucess: #67c23a;
  --im-color-warning: #e6a23c;
  --im-color-danger: #f56c6c;
  --im-color-info: #909399;
  --im-text-color: #000000;
  --im-text-color-light: #999999;
  --im-text-color-lighter: #c0c4cc;
  --im-font-size: 14px;
  --im-font-size-small: 13px;
  --im-font-size-smaller: 12px;
  --im-font-size-large: 16px;
  --im-font-size-larger: 18px;
  --im-font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif;
  --im-border: 1px solid #ebeef5;
  --im-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --im-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --im-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --im-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),
    0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --im-background: #f3f3f3;
  --im-background-active: #f1f1f1;
  --im-background-active-dark: #e9e9e9;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

section {
  height: 100%;
}

.el-dialog__body {
  padding: 10px 20px !important;
}

// 滚动条样式
::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: hsla(0, 0%, 73%, 0.5);
}

::-webkit-scrollbar-track {
  border-radius: 4px;
}

.search-input {
  .el-input__inner {
    border: unset !important;
  }
}

.emoji-large {
  width: 32px;
  height: 32px;
  vertical-align: bottom;
}

.emoji-normal {
  width: 26px;
  height: 26px;
  vertical-align: bottom;
}

.emoji-small {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
